<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>迅购网 - 确认订单</title>
    <%@ include file="../../common/taglib.jsp" %>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        #list_hd_line {
            width: 100%;
            height: 1px;
            background-color: #e4e4e4;
            overflow: hidden;
            top: 35px;
            left: 0;
            position: absolute;
        }
    </style>
</head>
<body>
    <jsp:include page="../../global/head.jsp" flush="true">
        <jsp:param name="showkj" value="0"/>
    </jsp:include>
    <input type="hidden" id="goodIds" value="${param.ids}">
    <div class="payment-interface w1200">
        <div class="pay-info">
            <div class="info-tit">
                <h3>选择收货人</h3>
            </div>
            <ul class="pay-dz">
                <c:if test="${receiverList.size()==0}">
                    <span style="font-size:15px;color:#b83126;margin-left:15px;">暂无收货人</span><button class="btn" style="margin-left: 15px;"><a href="${ctx}/user/personalCenter.do?page=addReceiverPage">去添加</a></button>
                </c:if>
                <c:forEach items="${receiverList}" var="receiver" varStatus="status">
                    <li name="receiverLi" onclick="selectReceiver(this)" <c:if test="${status.index>3}">style="margin-top:30px;"</c:if> <c:if test="${status.index==0}">class="current"</c:if>>
                        <input type="hidden" name="receiverId" value="${receiver.id}">
                        <h3>
                            <c:if test='${receiver.province!="北京" && receiver.province!="上海" && receiver.province!="天津" && receiver.province!="重庆"}'>
                                <span class="sp1">${receiver.province}</span>
                            </c:if>
                            <span class="sp2">${receiver.city}</span>
                            <span class="sp2">${receiver.area}</span>
                            （<span class="sp3">${receiver.name}</span> 收）</h3>
                        <p style="margin-top:5px;">
                            <span class="sp1">详细地址：${receiver.addressDetail}</span>
                            <br>
                            <span>TEL：${receiver.phone}</span>
                        </p>
                    </li>
                </c:forEach>
                <div style="clear:both;"></div>
            </ul>
        </div>
        <div class="pay-info" style="margin-bottom: 0px;">
            <div class="info-tit" style="border-bottom:0;">
                <h3>订单信息</h3>
            </div>
        </div>
        <div class="cart-con-info" style="position: relative;">
            <p id="list_hd_line" class="abs distribution">&nbsp;</p>
            <div class="cart-con-tit" style="margin-top: 15px;  ">
                <p class="p1">
                    <span>图片</span>
                </p>
                <p class="p2">商品名称</p>
                <p class="p4">数量</p>
                <p class="p5">单价（元）</p>
                <p class="p6">金额（元）</p>
            </div>
            <div class="info-tijiao">
                <p class="p1">实付款：<span id="total"></span></p>
                <button class="btn" id="submitOrder">提交订单</button>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="${ctx}/home/module/order/js/confirmOrder.js"></script>
</body>
</html>